.home{
    height: 100vh;
    display: flex;
    flex-direction: column;
    header{
        height: 40px;
        background-color: #333;
        padding: 5px 10px;
        input{
            width: 100%;
            height: 100%;
            outline: none;
        }
    }
    nav{
        height: 50px;
        border-bottom: 1px solid #DDD;
        display: flex;
        a{
            flex: 1;
            text-align: center;
            line-height: 50px;
            text-decoration: none;
            color: #333;
        }
        // 此类名不被css module 编译
        // :global(.active) {
        //     color: red;
        // }
        :global{
            .active {
                color: red;
            }
        }
    }
    .price{
        flex: 1;
        justify-content: center;
        line-height: 50px;
        display: flex;
        .icons{
            display: flex;
            flex-direction: column;
            margin: 10px 0 0 5px;
        }
    }
    .activeIcon{
        fill: red;
    }
    .icon{
        width: 50px;
        height: 50px;
        border-left: 1px solid #DDD;
        text-align: center;
        line-height: 50px;
    }
    main{
        flex: 1;
        overflow: hidden;
    }
}